.n{
	
	border: 1px solid red;
	padding: 30px 0px;
}
/*第一部分文字*/
.n1{
	font-family: "arial, helvetica, sans-serif";
	font-size: 16px;
	width: 300px;
	height: 40px;
	background-color: gainsboro;
	margin-left: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*外线框*/
.n2{
width: 300px;
height: 75px;
border: 1px solid red;
margin-left: 710px;
margin-top: -70px;
}
/*第二部分*/
.n3{
	background-color: #000000;
	color: ghostwhite;
	margin-left: 400px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 900px;
	height: 40px;
}
/*鼠标点击事件*/
.n4:hover{
padding: 10px 10px;
cursor: pointer;
background-color: red;
}
/*第三部分+多出部分隐藏*/
.n5{
	padding: 20px 0px;
height: 1600px;	
display: block;
justify-content: center;
width: 100%;
}
/*图片间距*/
.im{
padding: 0px 30px;
float: left;
position: relative;
left: 120px;
}



/*设置文字上下宽度*/
.j{
	
	font-size: 20px;
	font: bold;
	display: flex;
	justify-content: center;
}
.j1{
	padding: 5px 0px;
	color: red;
	font-size: 16px;
	font: bold;
	display: flex;
	justify-content: center;
}
.box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.prev{
	width: 5px;
	height: 20px;
	padding: 0px 20px;
	position: relative;
	left: -10px;
}
.prev:hover{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: red;
}
.prev1{
	background-color: black;
	color: ghostwhite;
	width: 5px;
	height: 20px;
	border: 1px solid ghostwhite;
	padding: 0px 20px;
}
.prev1:hover{
	background-color: red;
}
.next{
	width: 5px;
	height: 20px;
	padding: 0px 10px;
	position: relative;
	left: 20px;	
}
.next:hover{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: red;
}
